<template>
	<view>
		<view class="my-box">
			<view class="my-user-box">
				<image style="width: 240rpx;height: 120rpx;" src="../../static/imager/login/loger-re.png"></image>
				<view style="display: flex;align-items: center;">
					<view>
						<uni-icons type="contact" color="white" size="60"></uni-icons>
					</view>
					<view class="my-title-box">
						<view class="my-title" @click="login()">登录/注册</view>
						<view class="my-text" @click="login()">登录注册后才能看到更多内容哦！</view>
					</view>
				</view>
				
			</view>
			<view class="my-content">
				<view class="my-state">
					<view class="my-state-title">
						<view style="font-weight: bold;">订单管理</view>
						<view style="color: gainsboro;">全部<uni-icons type="right" color="gainsboro" size="12"></uni-icons></view>
					</view>
					<view>
						<view class="my-state-list">
							<image class="my-state-img" @click="evaluation()" src="https://oss-accelerate.midea.com/mcsp-cmshop-private-store/9c4c45aadaf84694ae1dcfc7dc2aee8d.png"></image>
							<view style="font-size: 20rpx" @click="evaluation()">待评价</view>
						</view>
					</view>
				
				</view>
				<view class="my-tools">
					<view class="my-tools-list">
						<view @click="onAddress()" class="my-tools-li" style="margin-bottom: 30rpx;">
							<view  class="my-tools-item">
								<uni-icons type="location" color="gray" size="25"></uni-icons>
								<view>收货地址</view>
							</view>
							<uni-icons type="right" color="gainsboro" size="20"></uni-icons>
						</view>
						<view class="my-tools-li" style="margin-bottom: 30rpx;">
							<view class="my-tools-item">
								<uni-icons type="location" color="gray" size="25"></uni-icons>
								<view>意见反馈</view>
							</view>
							<uni-icons type="right" color="gainsboro" size="20"></uni-icons>
						</view>
						<view class="my-tools-li">
							<view class="my-tools-item">
								<uni-icons type="gear" color="gray" size="23"></uni-icons>
								<view>设置</view>
							</view>
							<uni-icons type="right" color="gainsboro" size="20"></uni-icons>
						</view>
					</view>
				</view>
			</view>
	
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			login(){
				uni.navigateTo({
					url: "/pages/login/index"
				});
			},
			evaluation(){
				uni.navigateTo({
					url: "/pages/user/evaluation/evaluation"
				});
			},
			onAddress(){
				uni.navigateTo({
					url: "/pages/user/address/address"
				});
			}
		}
	}
</script>

<style lang="scss" scoped>
	.my-content{
		padding:0rpx 20rpx;
	}
	.my-user-box{
		padding: 20rpx;
		background-color: cadetblue;
		border-radius: 0rpx 0rpx 25rpx 25rpx;
		margin-bottom: 20rpx;
	}
	.my-title{
		color: white;
		font-size: 30rpx;
		font-weight: bold;
	}
	.my-text{
		color: gainsboro;
		font-size: 20rpx;
	}
	.my-tools-item{
		display: flex;
		
	}
	.my-tools-li{
		display: flex;
		justify-content: space-between;
	}
	.my-tools{
		padding: 20rpx;
		background-color: white;
		border-radius: 25rpx;
		margin-top: 30rpx;
	}
	.my-box{
		height:600rpx;
		background-color: whitesmoke;
		border-radius: 15rpx 15rpx 0rpx 0rpx;
	}
	.my-state{
		background-color: white;
		padding:20rpx;
		border-radius: 25rpx;
	}
	.my-state-title{
		display: flex;
		justify-content: space-between;
		margin-bottom: 20rpx;
	}
	.my-state-img{
		width: 50rpx;
		height: 50rpx;
	}
	.my-state-list{
		width: 100rpx;
		text-align: center;
	}
</style>
